/*--------------------发现页面------------*/
/*广告部分*/
.discover-adv {
	padding: 0 .32rem;
	font-size:0;
}
.adv-big {
	width: 100%;
	height: 2.68rem;
	margin-top: .2rem;
}
.adv-big img{
	width: 100%;
	height: 2.68rem;
	border-radius:.2rem;
}
.adv-small {
	margin-top: .2rem;
	height: 2.68rem;
}
.adv-small img{
	width: 49%;
	height: 2.68rem;
	border-radius:.2rem;
}
.adv-small img:first-child{
	margin-right: 2%;
}
/*服务分类部分*/
.server-sort {
		
}
.server-body {
	padding: 1px .32rem .32rem;
	background-color: #fff;
}
.server-body a{
	float: left;
	width: 33.3333333333333333%;
	height: 1.12rem;
	box-sizing: border-box;
	margin-left: -1px;
	margin-top: -1px;
	font-size: .32rem;
	color: #333;
	line-height: 1.12rem;
	text-align: center;
	
	border: 1px solid #eee;
}
/*热门服务*/
.hot-server-body {
	padding: 0 .32rem .32rem;
	background-color: #FFF;
}
.hsb-item {
	float: left;
	margin-top: .32rem;
	width: 4.48rem;
	box-shadow: 2px 5px 8px 0px rgba(0,0,0,.1);
}
.hot-server-body .hsb-item:nth-of-type(2n){
	margin-left: .3rem;
}
.hsb-header {
	width: 4.48rem;
	height: 4.48rem;
	float: left;
}
.hsb-item-body {
	clear: both;
	padding: .32rem;
}
.hsb-item-body .mod-title-24 {
	color: #000;
}
.hsb-item-body .mod-title-20 {
	line-height:.32rem;
	height: .64rem;
}
/*-------------------------所有列表页面-----------------*/
/*列表头部小分类的样式*/
.sub-nav {
	height: .8rem;
	border-bottom: 0.02rem solid #eee;
	background-color: #fff;
	font-size: 0;
	padding: 0 .32rem;
}
.sub-nav a {
 	display: inline-block;
 	text-align: center;
 	font-size: .32rem;
 	color: #333;
 	line-height: .8rem;
 }
.sub-nav .active {
  	color: #c36;
 }

/*E二级导航*/
/*S筛选框*/
.select,.rank,.select-btn{
	position: fixed;
	padding: 0;
	width: 100%;
	background-color: #fff;
	font-size: 0;
	z-index: 12;
	transition: all 0.5s ease-in-out;
}
.select,.rank {
	bottom:  1.32rem;
	max-height: 90%;
	overflow-y: scroll;
}
.select-btn {
	bottom:0;
	z-index: 18;
}
.select.open,.rank.open,.select-btn.open {
	transform:translateY(0%);
}
.select.close,.rank.close,.select-btn.close {
	transform:translateY(100%);
}

.rank .active {
	color: #c36;
}
.rank li {
	font-size:.32rem;
	padding:.32rem;
	border-top: 1px solid #eee;
	color: #333;
}
.select-hidden {
	height: 0;
	padding: 0;
}
.select-wrap {
	
}
.select-item {
	padding: .4rem .32rem .24rem ;
	border-top:1px solid #eee;
}
.select-header {
	width: 23%;
	text-align: left;
	line-height:.48rem;
	padding-bottom: .2rem;
}
.select-content ul{
	font-size: 0;
	/*height:.56rem;*/
	width: 104%;
}
.select-content li{
	display: inline-block;
	width: 23%;
	margin-right:.12rem;
	height:.72rem;
	margin-bottom: .12rem;
	
	line-height:.72rem;
	font-size:.32rem;
	color: #333;
	text-align: center;
	
	border-radius:.12rem;
	background-color: #f8f8f8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.select-content .active {
	background-color: #ffccda;
	color: #c36;
}
.select-btn {
	height: 1.32rem;
	border-top:1px solid #eee;
}
.select-btn [class*="-btn"] {
	width: 50%;
	height: 1.32rem;
	line-height: 1.32rem;
	font-size: .32rem;
	color: #c36;
	border: none;
	padding: 0;
	border-radius:0 ;
}
.confirm-btn {
	background-color: #ffccda;
}

/*E筛选框*/

/*S遮盖层*/
.p-cover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition:background 1s ease-in-out; 
}
.p-cover.close {
	z-index: -2;
	background:rgba(0,0,0,0);
}
.p-cover.open {
	z-index: 11;
	background:rgba(0,0,0,.4);
}
/*E遮盖层*/
/*S底部导航*/
.condition {
	padding: 0 .32rem;
	z-index: 15;
}
.condition [class*="-btn"] {
	font-size:.32rem;
	color: #333;
	width: 49%;
	height: 1.32rem;
	line-height:1.32rem;
	border: none;
	padding: 0;
}
.condition .active {
	color: #c36;
}

/*E底部导航*/
/*---------------------婚礼管家页面----------------*/
.steward-item {
	height: 4.4rem;
	background-color: #fff;
	margin-bottom: .4rem;
}
.steward-item-header {
	width:31%;
	height:4.4rem;
}
.steward-item-header img{
	width:2.96rem;
	height:4.4rem;
}
.steward-item-body {
	width:69%;
	height: 4.4rem;
	padding: .4rem .28rem;
}
.before-icon {
	padding-left: 0.16rem;
	padding-bottom:0.14rem;
}
.before-icon i{
	background: url(../img/static/app_bg.png) no-repeat;
	display: inline-block;
	width: 12px;
	height: 10px;
	background-position:-160px -190px;
}
.sib-detail {
	height: .96rem;
	overflow: hidden;
}
/*---------------------婚宴酒店页面----------------*/
.item-list {
	padding:.4rem .32rem;
	background-color: #f8f8f8;
}
.hotel-item {
	height: 3.48rem;
	margin-bottom: .4rem;
	background-color: #fff;
}
.hotel-item-header {
	width: 37%;
	height: 3.48rem;
}
.hotel-item-header img{
	width: 3.48rem;
	height: 3.48rem;
}
.hotel-item-body {
	width: 62%;
	height: 3.48rem;
	padding: .48rem .28rem;
	font-size: 0;
}
.hotel-item .mod-title-30 {
	margin: 0;
	padding: 0;
}
.hotel-item .mod-price {
	margin: 0;
	padding: 0;
	margin-top: .2rem;
}
.hotel-item .mod-info-20 {
	margin: 0;
	padding: 0;
	margin-top: .2rem;
}
.hotel-item .mod-title-24 {
	margin: 0;
	padding: 0;
	margin-top: .2rem;
}
.hotel-item .mod-nav{
	padding: 0;
	margin-top: .2rem;
	display: inline-block;
}

/*---------------------婚礼策划页面----------------*/

/*S策划商家*/
.plan-item {
	height: 9.08rem;
	margin-bottom: .4rem;
	background-color: #fff;
	padding: .28rem .24rem;
	position: relative;
}
.plan-item-header {
	height:1.04rem;
}

.pih-img {
	width:14%;
	height:.8rem;
}

.pih-img img{
	border-radius: 50%;
	width:.8rem;
	height:.8rem;
}

.pih-info {
	width: 85%;
}
.big-img{
	position: absolute;
	width: 5.92rem;
	height: 5.92rem;
	top: 0;
	left: 0;
}
.small-img {
	position: absolute;
	width: 2.8rem;
	height: 2.8rem;
	top: 0;
	right: 0;
}
.small-img2{
	width: 2.8rem;
	height: 2.8rem;
	position: absolute;
	bottom: 0;
	right: 0;
}
.plan-item-body {
	position: relative;
	height:5.92rem;
	font-size: 0;
}
/*S策划商家*/

/*S策划案例*/
.chal-detail{
	overflow: hidden;
	height: .8rem;
}
/*E策划案例*/
/*---------------------婚纱摄影页面列表----------------*/


/*---------------------蜜月旅行页面列表----------------*/


/*---------------------四大金刚列表---------------------*/


/*------------------商城列表--------*/
.modde .hotel-item-body {
	padding: .24rem .28rem;
}

.modde-select {
	padding: .32rem .32rem 0 .32rem;
}
.modde-select ul li{
	display: inline-block;
	padding: 0 .32rem;
}
.modde-select .active {
	color: #c36;
}
